{extend name="index/index"}
{block name="mycss"}
    <link rel="stylesheet" type="text/css" href="static/index/personal/css/css.css"/>
    <link rel="stylesheet" type="text/css" href="static/index/personal/css/page.css"/>
    <link rel="stylesheet" type="text/css" href="static/index/vip/css/vip1.css"/>
    <link rel="stylesheet" type="text/css" href="static/index/vip/css/vip2.css"/>
    <script src="static/index/vip/js/vip1.js" type="text/javascript" charset="utf-8" async defer></script>
    <script src="static/index/vip/js/vip2.js" type="text/javascript" charset="utf-8" async defer></script>
    <style type="text/css" media="screen">
      .pers-btn{
        width: 100px;
        height: 40px;
      }
    </style>
{/block}


{block name="myjs"}
<script type="text/javascript">
    // 购买会员
    $('#pay').click(function(){
        var dw_num=$(this).attr('dw_num');
        console.log(dw_num);
        pay(dw_num);
    });

    function pay(dw_num){
        $.ajax({
            type:'post',
            data:{'dw_num':dw_num},
            dataType:'json',
            url:'/pay',
            success:function(data){
                if (data.status) {
                    toastr.success(data.info);
                    // obj.remove();
                } else {
                    toastr.error(data.info, 'FBI WARNING:');
                    // console.log('删除失败');
                }
            },
            error:function(){
                alert('ajax执行失败');
            },
        });
    }

</script>
{/block}
{block name="main"}
    <div class="vip-banner">
        <div class="banner-title">
            <span>
                <em class="j-numRoll" data-num="900">900</em>&nbsp;万
            </span>
            <span class="ls">
                全站精选作品
            </span>
        </div>
        <div class="banner-title">
            <span>
                <em class="j-numRoll" data-num="10<i class='dot'>′</i>000">10<i class="dot">′</i>000
                </em>
            </span>
            <span class="ls">每天更新</span>
        </div>
        <div class="banner-title">
            <span><em class="j-numRoll" data-num="19">19</em>&nbsp;元起/月</span>
            <span class="ls">平均月价格</span>
        </div>
    </div>



<!-- main -->
<div class="vip-container">
    <div class="w1200">
        <div class="con-title">
            选择套餐
        </div>

        <!-- 对比 -->
        <div class="clearfix"  style='margin-left:220px'>
            <div class="con-wrap contrast fl">
                <p class="tr-1">特权对比</p><p class="tr-2"></p>
                <p class="tr-4">
                    200万+
                    <br> 原创标作品专区
                        <span class="vip-tag"></span>
                        <span class="vip-warning"></span>
                </p>
                <p class="tr-6">下载数量</p>
                <p class="tr-7">收藏数量</p>
                <p class="tr-8">下载速度</p>
                <p class="tr-9">身份标识</p>
                <p class="tr-11">商用授权</p>
                <p class="tr-10">简要描述</p>
            </div>
            <div class="con-wrap free fl">
                <p class="tr-1">免费用户</p>
                <p class="tr-2"><i>¥</i><em>0</em></p>
                <p class="tr-3"><i class="vip-ok"></i>
                    <br> 1次/天（ 或办公1次 ）
                </p>
                <p class="tr-6">1次/天
                </p>
                <p class="tr-7">20次</p><p class="tr-8">50k/s</p><p class="tr-9">无</p>
                <p class="tr-11"><i class="vip-no"></i>&nbsp;
                </p>
                <p class="tr-10">
                    1次/天 or 1/张/天 体验效果不佳
                </p>
            </div>
            <!-- <div class="con-wrap gx    fl on">
                <p class="tr-1">
                    <span>
                            共享VIP
                    </span>
                </p>
                <p class="tr-2"><i>¥</i><em>19</em>元起 </p>
                <p class="tr-3"><i class="vip-ok"></i>&nbsp;
                </p>
                <p class="tr-4"><i class="vip-no"></i>&nbsp;
                </p>
                <p class="tr-5"><i class="vip-no"></i>&nbsp;
                    <span class="vip-warning"></span></p>
                <p class="tr-6">海量下载
                    <span class="vip-warning"></span></p>
                <p class="tr-7">海量</p><p class="tr-8">
                    20M/s极速
                    <span class="vip-warning"></span></p>
                <p class="tr-9"><i class="vip-gx"></i>&nbsp;
                </p>
                <p class="tr-10"><i class="vip-ok"></i>&nbsp;
                </p>
                <p class="tr-11"><i class="vip-no"></i>&nbsp;
                </p>
                <p class="tr-12">
                    <span class="qt-btn btn-orange-linear">
                        <a href="http://www.58pic.com/index.php?m=sponsor&amp;a=indexnew&amp;f=4&amp;t=3&amp;u_v=5&amp;p_r=8" data-mark-header="h_v_t_c_1">立即购买</a>
                    </span>
                    <em>限时供应</em>
                </p>
            </div>
 -->            <div class="con-wrap yc    fl">
                <p class="tr-1">
                    <span>
                        原创VIP
                    </span>
                </p>
                <p class="tr-2"><i>¥</i><em>18</em>元起 </p>

                <p class="tr-4"><i class="vip-ok"></i>&nbsp;
                </p>
 
                <p class="tr-6">海量下载</p>
                <p class="tr-7">海量</p>
                <p class="tr-8">
                    20M/s极速
                </p>
                <p class="tr-9"><i class="vip-yc"></i>&nbsp;
                </p>
                <p class="tr-11">带©作品个人商用</p>
                <p class="tr-10">
                    1次 购买终身免费 心动不如行动
                </p>
                <p class="tr-12">
                    <span class="qt-btn btn-green-linear">
                        <?php if ($dw_num['dw_num']==3): ?>
                            <a href="/" >已是会员</a>

                        <?php else: ?>
                            <a href="javascript:void(0)" id='pay' dw_num='{$dw_num["dw_num"]}'>立即购买</a>
                        <?php endif ?>
                        
                    </span><em>限时供应</em>
                </p>
            </div>
        </div>
        <p style='margin-left:320px;margin-top: 20px;'>
            * 免费下载规则/免费权益可由千图网根据实际运营情况进行优化调整，下载速度与用户所用网络亦有关系
        </p>
        <p style='margin-left:520px;'>
            * 最终解释权由本司所有
        </p>
    </div>
</div>

<!-- end main -->
{/block}
